<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<meta name="applicable-device" content="mobile">
		<meta name="author" content="jsl" />
		<title>分享达人之旅</title>
		<link rel="apple-touch-icon" href="../img/logo100.png">
		<link rel="icon" href="../img/logo100.png">
		<link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/productDetails.css?v= a2ef2?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/gap.css?rev=@@hash" />
		<!-- 引入自己的css -->
		<link rel="stylesheet" type="text/css" href="../css/FPtShareFriends.css?rev=@@hash" />
	</head>

	<body>
		<!--加载动画-->
		<div class="hui"></div>
		<div class="bai"></div>
		<div class="hintInfo"></div>
		<div class="loadImgBox">
			<img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
		</div>
		<div id="app" v-cloak>
			<div class="ShareFriends_content">
				<van-tabs v-model="active" sticky swipeable @click="getThisNum" @change="getThisNum" class="numList">

					<van-tab :title="'更多'" v-show="newstageList.length > '7'">
						<van-list :finished="finished" @load="onLoad" v-model="loading">
							<div class="moreLIst" v-for="item in moreList" @click="onShareDetails(item.activityIssueNum)">
								<span v-text="'票选优品第'+item.activityIssueNum+'期'"></span>
								<span v-text="item.rankNum==0?'未参与':'第'+item.rankNum+'位'" :class="item.rankNum==0?'noJoin':'moreColor'"></span>
								<span v-text="item.startTime" class="allTotal"></span>
							</div>
						</van-list>
					</van-tab>

					<van-tab v-for="(item,index) in stageList" :title="'第' + item.activityIssueNum +'期'">
						<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
							<div class="shareContent">
								<!--抽奖图标-->
								<div class="luckDraw_Img" @click="onPrize" v-show="PrizeShow">
									<img src="../img/voteDetail/jiang.gif">
								</div>
								<!--分享达人榜首信息-->
								<div class="shareDarenTop">
									<div class="DarenHead">
										<div class="DarenHeadImg">
											<img :src="thisUserInfo.userHeadImgUrl==''?'../img/head_.png':thisUserInfo.userHeadImgUrl">
										</div>
										<div class="DarenName">
											<span v-text="thisUserInfo.userNickName" v-model="thisUserInfo.userNickName"></span>
										</div>
									</div>
									<div class="shareDarenInfo">
										<p><span>投票好友：</span><span v-text="thisUserInfo.inviteClickNum==undefined?'0':thisUserInfo.inviteVoteNum" class="InfoColor"></span><span>人</span></p>
										<p><span>影响人数：</span><span v-text="thisUserInfo.inviteClickNum==undefined?'0':thisUserInfo.inviteClickNum" class="InfoColor"></span><span>人</span></p>
										<p><span>达人榜单：</span><span v-show="thisUserInfo.rankNum!=0">第</span><span v-text="thisUserInfo.rankNum==0?'未上榜':thisUserInfo.rankNum" :class="thisUserInfo.rankNum==0?'':'InfoColor'"></span><span v-show="thisUserInfo.rankNum!=0">位</span></p>
									</div>
									<div class="rule_box" @click="onPopup">
										<img src="../img/FXPTshareFriends/rule3x.png">
										<span>规则</span>
									</div>
								</div>
								<!--达人榜单和我的分享-->
								<div class="share_tabser">
									<van-tabs class="share_van_tabs" @click="shareTabser">
										<van-tab :title="'达人榜单'">
											<div class="DarenList">
												<div class="TopThree">
													<div class="topTwo" v-for="item in thisTwo">
														<div class="twoHead">
															<div class="twoHeadImg" v-show="item!=undefined">
																<img :src="item.userHeadImgUrl==''?'../img/head_.png':item.userHeadImgUrl">
															</div>
														</div>
														<p v-show="item==undefined">虚位以待</p>
														<h2 v-text="item.userNickName.length>4?item.userNickName.slice(0,4)+'...':item.userNickName" v-show="item!=undefined"></h2>
														<span v-text="item.inviteScore" v-show="item!=undefined"></span>
													</div>
													<div class="topTwo" v-show="thisTwo==''">
														<div class="twoHead">
														</div>
														<p>虚位以待</p>
													</div>
													<div class="topOne" v-for="item in thisOne">
														<div class="oneHead">
															<div class="oneHeadImg" v-show="item!=undefined">
																<img :src="item.userHeadImgUrl==''?'../img/head_.png':item.userHeadImgUrl">
															</div>
														</div>
														<p v-show="item==undefined">虚位以待</p>
														<h2 v-text="item.userNickName.length>4?item.userNickName.slice(0,4)+'...':item.userNickName" v-show="item!=undefined"></h2>
														<span v-text="item.inviteScore" v-show="item!=undefined"></span>
													</div>
													<div class="topOne" v-show="thisOne==''">
														<div class="oneHead">
														</div>
														<p>虚位以待</p>
													</div>
													<div class="topThree" v-for="item in thisThere">
														<div class="thereHead">
															<div class="thereHeadImg" v-show="item!=undefined">
																<img :src="item.userHeadImgUrl==''?'../img/head_.png':item.userHeadImgUrl">
															</div>
														</div>
														<p v-show="item==undefined">虚位以待</p>
														<h2 v-text="item.userNickName.length>4?item.userNickName.slice(0,4)+'...':item.userNickName" v-show="item!=undefined"></h2>
														<span v-text="item.inviteScore" v-show="item!=undefined"></span>
													</div>
													<div class="topThree" v-show="thisThere==''">
														<div class="thereHead">
														</div>
														<p>虚位以待</p>
													</div>
												</div>
												<!--其他排名列表-->
												<div class="rankingList">
													<div class="rankingBox" v-for="item in thisActivity" v-show="thisActivity.length!=0">
														<span v-text="item.rankNum" class="thisRankNum"></span>
														<img :src="item.userHeadImgUrl!=''?item.userHeadImgUrl:'../img/head_.png'">
														<span v-text="item.userNickName"></span>
														<span v-text="item.inviteScore" class="allTotal"></span>
													</div>
													<p v-show="thisActivity.length==0">快来抢占达人榜</p>
												</div>
											</div>
										</van-tab>
										<van-tab :title="'我的分享'">
											<van-list :finished="finished" @load="numberListLoad" v-model="numLoading">
												<div class="myShareList">
													<div class="rankingBox" v-for="item in myShareList">
														<img :src="item.userHeadImgUrl!=''?item.userHeadImgUrl:'../img/head_.png'">
														<span v-text="item.userNickName"></span>
														<span v-text="item.voteTime" class="allTotal"></span>
													</div>
													<div class="noShare" v-show="noShareShow">
														<div>
															<img src="../img/404/noShare.png">
															<p>暂无好友参与投票~</p>
														</div>
													</div>
												</div>
											</van-list>
										</van-tab>
									</van-tabs>
								</div>
							</div>
						</van-pull-refresh>
					</van-tab>
				</van-tabs>
				<!--规则弹框-->
				<van-popup v-model="popupShow">
					<div class="popupBox">
						<img src="../img/FXPTshareFriends/decorate@3x.png">
						<a class="popupClear" @click="clearPopup"></a>
						<h4>规则说明</h4>
						<div>
							<span>1</span>
							<p>每位参与票选活动且成功投票的用户都可以参与分享达人之旅。</p>
						</div>
						<div>
							<span>2</span>
							<p>参与投票后，将票选活动分享给好友，只要好友通过您的分享参与了投票，您就可以获得一次抽奖机会。</p>
						</div>
						<div>
							<span>3</span>
							<p>分享者通过分享赚取分享值还能进入分享达人榜，分享大人榜单按照参与者的分享值排序，每次有用户通过您分享的链接进入活动，或者参与了活动您都能够获取分享值，分享值越高，排名越靠前。一个投票好友增加的分享值将远远高于仅仅是点击或浏览了您的分享链接而产生的分享值。</p>
						</div>
						<div>
							<span>4</span>
							<p>所有可以被认定为同一用户的限制条件(如同一手机号，同一终端设备信息等)都将被认定为同一用户，同一用户产生的分享值仅计算一次。</p>
						</div>
					</div>
				</van-popup>
			</div>
		</div>
	</body>
	<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vue-lazyload.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/md5.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<!-- 引入自己的js -->
	<script src="../js/FPtShareFriends.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>

</html>